/* ============================================================
   BASE
   ============================================================ */
.material-symbols-outlined { font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48; }
body { background:#f9f7f2; font-size:1.8vh; }
@media (max-width:1400px) { body { font-size:2.5vw; } }
@media (max-width:992px)  { body { font-size:16px; } }

.container { width:1170px; max-width:94%; margin:0 auto; }
.clearfix::after { content:""; clear:both; display:table; }

/* ============================================================
   HEADER
   ============================================================ */
header { position:fixed; z-index:10; height:12vh; background:#222; top:0; left:0; right:0; box-shadow:0 0 3px 3px rgba(0,0,0,.3); }
.headerTop { display:flex; justify-content:flex-end; align-items:center; height:4vh; border-bottom:1px solid #eec458; padding:0 2vw; }
.headerTop a { display:inline-block; padding:0; margin:0 0 0 2vw; font-size:85%; color:#bea164; }
.headerTop a:hover { color:#e2c996; }
.headerBottom { display:flex; align-items:center; height:8vh; }
.headerBottom .logo { display:inline-block; width:fit-content; height:5.5vh; margin:0 0 0 2vw; }
.headerBottom .logo img { width:auto; height:100%; }
.headerRight { display:flex; align-items:center; margin:0 2vw 0 auto; gap:1.5vw; }
.navBut { display:flex; align-items:center; color:#bea164; cursor:pointer; }
.navBut span { display:inline-block; margin:0 .5vw 0 0; font-size:85%; transition:.5s; }
.navBut img { width:auto; height:2.5vh; }
.navBut:hover { color:#e2c996; }

/* Lang Switcher */
.langSwitch { position:relative; display:flex; align-items:center; }
.langCurrent { display:flex; align-items:center; gap:.3vw; color:#bea164; cursor:pointer; font-size:82%; font-weight:600; padding:.4vh .7vh; border:1px solid rgba(190,161,100,.4); transition:.3s; user-select:none; }
.langCurrent .material-symbols-outlined { font-size:105%; }
.langArrow { transition:transform .25s; }
.langSwitch:hover .langArrow { transform:rotate(180deg); }
.langSwitch:hover .langCurrent { border-color:#bea164; }
.langDropdown { position:absolute; top:calc(100% + 4px); right:0; min-width:54px; background:#1a1a1a; border:1px solid #333; display:none; z-index:200; }
.langSwitch:hover .langDropdown { display:block; }
.langDropdown a { display:block; padding:.5vh .7vh; font-size:80%; color:#827c6e; text-align:center; font-weight:500; transition:.2s; }
.langDropdown a:hover { color:#bea164; background:#222; }
.langDropdown a.active { color:#bea164; font-weight:700; }

/* Nav overlay */
nav { position:fixed; z-index:9; top:12vh; left:110vw; right:0; bottom:0; transition:.4s; background:#bea164; overflow:hidden; }
.navStab { position:relative; width:100vw; height:100%; }
.navClose { position:absolute; margin-top:2vh; right:2vw; color:#363636; font-size:140%; font-weight:900; transition:.4s; cursor:pointer; }
.navClose:hover { color:#e35b5b; }
.navOpen { left:0; }
.fligran { position:absolute; z-index:1; right:0; bottom:0; width:auto; height:36vh; opacity:.4; }
.navCont { position:absolute; z-index:2; display:flex; justify-content:center; flex-direction:column; height:100%; left:5vw; }
.navCont a { font-size:220%; color:#404040; font-weight:600; margin:0 0 2vh 0; }
.navCont a:hover { color:#000; }
.wap-connect { position:fixed; z-index:99; bottom:2.5vh; right:15px; display:block; width:7vh; height:7vh; background:url("../_img/whatsapp2.png") no-repeat center center / auto 100%; }

/* ============================================================
   MAIN — BANNER
   ============================================================ */
main { padding:12vh 0 0 0; }
.banner { width:100%; min-height:55vh; background:url(_img/banner_bg.jpg) no-repeat top left / cover; border-bottom:1px solid #bea164; }
.bannerStab { display:flex; justify-content:space-between; align-items:center; width:min(1200px,94%); height:100%; min-height:55vh; margin:0 auto; padding:4vh 0; }
.motto { display:flex; justify-content:center; align-items:flex-start; flex-direction:column; width:55%; }
.motto h1 { font-size:clamp(1.6rem, 3.2vw, 3.8rem); line-height:1.15; color:#bd9647; font-weight:400; margin:0 0 1.5vh 0; text-align:left; padding:0; overflow-wrap:break-word; hyphens:auto; }
.motto p  { font-size:clamp(.85rem, 1.4vw, 1.2rem); line-height:1.5; color:#000; font-weight:400; margin:0; }
.bannerImg { position:relative; width:33%; height:auto; margin-right:4vw; }
.bannerImg img { width:100%; height:auto; }
.bannerImg span { position:absolute; z-index:2; }
.bannerImg .line1 { top:-5vh; left:-1vw;   height:120%; width:1px; background:#bea164; }
.bannerImg .line2 { top:2vh;  left:-2.5vw; width:115%; height:1px; background:#bea164; }
.bannerImg .line3 { top:-3.5vh; right:-1vw; height:110%; width:1px; background:#bea164; }
.bannerImg .line4 { bottom:2vh; left:-1.7vw; width:120%; height:1px; background:#bea164; }

/* ============================================================
   MAIN — SERVICE BUTTONS
   ============================================================ */
.serviceButtons { display:flex; justify-content:space-between; margin-top:-5vh; }
.serviceButton { position:relative; display:block; width:22%; }
.serviceButton img { width:100%; height:auto; display:block; }
.serviceText { position:absolute; z-index:2; display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#e7c884; font-size:clamp(.7rem,1.3vw,1.1rem); font-weight:500; text-align:center; text-shadow:-4px -4px 6px rgba(0,0,0,.8); transition:.4s; }
.serviceButton span { position:absolute; z-index:3; }
.serviceButton .line1 { top:-2.2vh;  left:-0.8vw; height:120%; width:1px; background:#bea164; }
.serviceButton .line2 { top:2vh;    left:-2.5vw; width:135%; height:1px; background:#bea164; }
.serviceButton .line3 { top:-1.8vh; right:-0.8vw; height:120%; width:1px; background:#bea164; }
.serviceButton .line4 { bottom:2vh; left:-1.7vw; width:140%; height:1px; background:#bea164; }
.serviceButton:hover .serviceText { color:#fff; }

/* ============================================================
   MAIN — TEXT SECTION
   ============================================================ */
.mainText { margin-top:6vh; }
.mainText h2 { margin:0 0 2vh 0; padding:0; font-size:clamp(1.1rem,1.8vw,1.6rem); }
.mainText section p  { margin:0 0 2vh 0; padding:0; font-size:clamp(.85rem,1.2vw,1.1rem); }
.mainText p strong   { font-weight:600; }
.mainText section li { display:flex; align-items:flex-start; flex-wrap:wrap; margin:0 0 1.5vh 0; padding:0; font-size:clamp(.85rem,1.2vw,1.1rem); }
.mainText section li span { display:inline-block; margin:0 .7vw 0 0; float:left; flex-shrink:0; }
.mainText section li span img { rotate:180deg; }

/* ============================================================
   MAIN — TESTIMONIALS
   ============================================================ */
.testimonials { position:relative; margin-top:5vh; padding:0 0 5vh 0; }
.testimonials h3 { margin:0 0 3vh 0; padding:0; font-size:clamp(1rem,1.8vw,1.4rem); color:#bea164; font-weight:600; }
.tmSlider { padding:0 0 7vh 0; }
.tmItem { overflow:hidden; }
.tmItem img { float:left; width:15%; height:auto; margin-right:2vw; border-radius:50%; }
.tmItemHead { font-size:clamp(.9rem,1.4vw,1.2rem); font-weight:600; margin:0 0 1vh 0; }
.tmItemComp { font-size:clamp(.8rem,1.2vw,1.1rem); font-weight:600; margin:0 0 1vh 0; color:#555; }
.tmItemText { font-size:clamp(.8rem,1.1vw,1rem); font-weight:400; margin:0 0 4vh 0; }
.tmItemText p { margin:0 0 1.5vh 0; }
.swiper-button-prev { top:unset; left:unset; right:80px; bottom:20px !important; color:#bea164; }
.swiper-button-next { top:unset; left:unset; right:40px; bottom:20px !important; color:#bea164; }
.swiper-button-prev:after { font-size:4vh; }
.swiper-button-next:after { font-size:4vh; }

/* ============================================================
   MAIN — CALL FORM
   ============================================================ */
.callForm { width:100%; padding:3vh 0; margin:0 0 5vh 0; background:#bea164; }
.callFormCont { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1vh 1vw; }
.callFormHead { font-size:clamp(.9rem,1.5vw,1.2rem); font-weight:600; color:#fff; flex-shrink:0; }
.callFormCont input[type=text] { flex:1; min-width:160px; height:36px; border:0; background:#f9f7f2; color:#000; padding:0 .5vw; }
.callFormCont input[type=button] { width:160px; height:36px; border:0; background:#352d1c; color:#bea164; font-weight:600; flex-shrink:0; }
.callFormCont input[type=button]:hover { background:#000; }
#callResult { width:100%; font-size:90%; min-height:1.5vh; padding:0 .5vw; }

/* ============================================================
   MAIN — LIBRARY PREVIEW
   ============================================================ */
.mainLibrary { margin-top:5vh; margin-bottom:10vh; padding:0; }
.mainLibraryHeader { display:flex; align-items:center; justify-content:space-between; font-size:clamp(1.1rem,1.8vw,1.5rem); font-weight:600; color:#bea164; margin:0 0 5vh 0; }
.mainLibraryAll { font-size:.8rem; font-weight:600; color:#bea164; text-decoration:none; letter-spacing:.04em; transition:color .2s; }
.mainLibraryAll:hover { color:#e2c996; }
.mainLibraryLeft  { position:relative; width:35%; float:left; margin-right:10%; margin-left:5%; text-decoration:none; display:block; overflow:hidden; }
.mainLibraryLeft span  { position:absolute; z-index:2; }
.mainLibraryLeft  .line1 { top:-2.2vh; left:-0.8vw; height:107%; width:1px; background:#bea164; }
.mainLibraryLeft  .line2 { top:2vh;   left:-2.5vw; width:120%; height:1px; background:#bea164; }
.mainLibraryLeft  .line3 { top:-1.8vh; right:-0.8vw; height:103%; width:1px; background:#bea164; }
.mainLibraryLeft  .line4 { bottom:2vh; left:-1.7vw; width:115%; height:1px; background:#bea164; }
.mainLibraryLeft  img { width:100%; height:auto; display:block; transition:transform .4s; }
.mainLibraryLeft:hover img { transform:scale(1.04); }
.mainLibraryRight { position:relative; width:48%; float:left; margin-bottom:6vh; text-decoration:none; display:block; overflow:hidden; }
.mainLibraryRight span { position:absolute; z-index:2; }
.mainLibraryRight .line1 { top:-2.2vh; left:-0.8vw; height:107%; width:1px; background:#bea164; }
.mainLibraryRight .line2 { top:2vh;   left:-2.5vw; width:115%; height:1px; background:#bea164; }
.mainLibraryRight .line3 { top:-1.8vh; right:-0.8vw; height:111%; width:1px; background:#bea164; }
.mainLibraryRight .line4 { bottom:2vh; left:-1.7vw; width:117%; height:1px; background:#bea164; }
.mainLibraryRight img { width:100%; height:auto; display:block; transition:transform .4s; }
.mainLibraryRight:hover img { transform:scale(1.04); }
.mainLibraryCardOverlay { position:absolute; bottom:0; left:0; right:0; padding:4rem 1.4rem 3.8rem; background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%); z-index:3; }
.mainLibraryCardOverlay h3 { font-size:1rem; font-weight:700; color:#fff; margin:0 0 .6rem; line-height:1.4; }
.mainLibraryCardBtn { display:inline-block; font-size:.82rem; font-weight:600; color:#bea164; letter-spacing:.04em; }
.mainLibraryCardArrow { font-size:1.1rem; display:inline-block; transition:opacity .2s; }
.mainLibraryCardTxt { display:none; white-space:nowrap; }
.mainLibraryCard:hover .mainLibraryCardArrow { display:none; }
.mainLibraryCard:hover .mainLibraryCardTxt { display:inline-block; }
.mainLibraryAll { font-size:.82rem; font-weight:700; color:#bea164; text-decoration:none; letter-spacing:.04em; border:1px solid #bea164; padding:.35rem .9rem; transition:background .2s,color .2s; }
.mainLibraryAll:hover { background:#bea164; color:#222; }

/* ============================================================
   CORPORATE
   ============================================================ */
.corpHead { background:#222; padding:6vh 0 5vh; border-bottom:1px solid #bea164; }
.corpHead h1 { margin:0 0 1.5vh 0; font-size:clamp(1.4rem,2.5vw,2.2rem); color:#bea164; font-weight:400; }
.corpHeadLine { width:60px; height:2px; background:#bea164; }

.corpAbout { display:flex; gap:8%; align-items:center; padding:7vh 0; }
.corpAboutText { flex:1.2; }
.corpAboutText h2 { font-size:clamp(1.1rem,1.8vw,1.6rem); color:#222; margin:0 0 2vh 0; padding:0; font-weight:600; }
.corpAboutText p { font-size:clamp(.85rem,1.2vw,1.05rem); line-height:1.8; margin:0 0 1.5vh 0; color:#333; }
.corpAboutVisual { flex:.8; }
.corpAboutFrame { position:relative; }
.corpAboutFrame img { width:100%; height:auto; display:block; }
.corpAboutFrame span { position:absolute; z-index:2; }
.corpAboutFrame .line1 { top:-2.5vh; left:-1.2vw; height:115%; width:1px; background:#bea164; }
.corpAboutFrame .line2 { top:2.5vh; left:-2.8vw; width:120%; height:1px; background:#bea164; }
.corpAboutFrame .line3 { top:-2vh; right:-1.2vw; height:110%; width:1px; background:#bea164; }
.corpAboutFrame .line4 { bottom:2.5vh; left:-2vw; width:118%; height:1px; background:#bea164; }

.corpMvBlock { background:#1a1a1a; padding:7vh 0; }
.corpMv { display:flex; align-items:stretch; gap:0; }
.corpMvItem { flex:1; padding:0 5%; }
.corpMvDivider { width:1px; background:#333; flex-shrink:0; }
.corpMvIcon { margin:0 0 2vh 0; }
.corpMvIcon .material-symbols-outlined { font-size:2.5rem; color:#bea164; }
.corpMvItem h3 { font-size:clamp(1rem,1.6vw,1.3rem); color:#bea164; font-weight:600; margin:0 0 1.5vh 0; }
.corpMvItem p { font-size:clamp(.82rem,1.1vw,.98rem); color:#9e8e6e; line-height:1.8; margin:0; }

.corpWhy { padding:7vh 0; }
.corpWhy h2 { font-size:clamp(1.1rem,1.8vw,1.6rem); color:#222; margin:0 0 4vh 0; font-weight:600; }
.corpWhyGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:3vh 4%; }
.corpWhyItem { display:flex; align-items:flex-start; gap:1.2vw; }
.corpWhyItem .material-symbols-outlined { font-size:1.8rem; color:#bea164; flex-shrink:0; margin-top:.15em; }
.corpWhyItem strong { display:block; font-size:clamp(.9rem,1.3vw,1.1rem); margin:0 0 .5vh 0; color:#222; }
.corpWhyItem p { font-size:clamp(.82rem,1.1vw,.95rem); color:#555; line-height:1.7; margin:0; }

.corpInfo { padding:0 0 8vh 0; }
.corpInfo h2 { font-size:clamp(1.1rem,1.8vw,1.6rem); color:#222; margin:0 0 3vh 0; font-weight:600; }
.corpInfoTable { border:1px solid #e0d5c3; }
.corpInfoRow { display:flex; align-items:baseline; border-bottom:1px solid #ede7db; }
.corpInfoRow:last-child { border-bottom:0; }
.corpInfoLabel { width:180px; flex-shrink:0; padding:1.2vh 1.5vw; background:#f9f7f2; font-weight:600; font-size:clamp(.8rem,1vw,.9rem); color:#6b5c3e; border-right:1px solid #e0d5c3; }
.corpInfoVal { padding:1.2vh 1.5vw; font-size:clamp(.82rem,1.1vw,.95rem); color:#333; }
.corpInfoVal a { color:#333; }
.corpInfoVal a:hover { color:#bea164; }

/* ============================================================
   SERVICES
   ============================================================ */
.services h1 { margin:5vh 0; padding:0; font-size:clamp(1.2rem,2vw,1.8rem); color:#bea164; font-weight:600; }
.servicesList { display:flex; justify-content:space-between; flex-wrap:wrap; }
.servicesBox { position:relative; width:18%; margin:0 2% 8vh 2%; }
.servicesBox span { position:absolute; z-index:2; }
.servicesBox .line1 { top:-2.2vh; left:-0.8vw; height:112%; width:1px; background:#bea164; }
.servicesBox .line2 { top:2vh;   left:-2.5vw; width:130%; height:1px; background:#bea164; }
.servicesBox .line3 { top:-1.8vh; right:-0.8vw; height:108%; width:1px; background:#bea164; }
.servicesBox .line4 { bottom:2vh; left:-1.7vw; width:120%; height:1px; background:#bea164; }
.servicesBox img { width:100%; height:auto; }

/* ============================================================
   CONTACT
   ============================================================ */
.contact { padding:6vh 0 0 0; }
.contactWrap { display:flex; gap:6%; margin-bottom:5vh; }
.contactInfo { flex:1; }
.contactInfoHead { font-size:clamp(1rem,1.8vw,1.5rem); font-weight:600; color:#bea164; margin:0 0 3vh 0; }
.contactInfoItem { display:flex; align-items:flex-start; margin:0 0 2.5vh 0; font-size:clamp(.85rem,1.1vw,1rem); line-height:1.6; overflow:visible; }
.contactInfoItem .ci-icon { color:#bea164; margin-right:.8vw; font-size:1.4rem; line-height:1; flex-shrink:0; overflow:visible; display:inline-block; margin-top:.1em; }
.ci-icon-wap { width:1.4rem; height:1.4rem; }
.contactInfoItem a { color:#363636; }
.contactInfoItem a:hover { color:#bea164; }
.contactFormBox { flex:1.5; }
.contactFormHead { font-size:clamp(1rem,1.8vw,1.5rem); font-weight:600; color:#bea164; margin:0 0 3vh 0; }
.contactFormFields input,
.contactFormFields textarea { display:block; width:100%; border:0; border-bottom:1px solid #bea164; background:transparent; padding:.8vh 0; margin:0 0 2vh 0; font-size:100%; color:#333; outline:none; font-family:inherit; }
.contactFormFields textarea { height:14vh; resize:none; }
.contactFormFields input[type=submit] { width:auto; display:inline-block; border:1px solid #bea164; padding:1vh 3vw; background:#222; color:#bea164; font-weight:600; cursor:pointer; margin-top:.5vh; }
.contactFormFields input[type=submit]:hover { background:#bea164; color:#222; }
#contactResult { margin:1.5vh 0 0 0; font-size:100%; min-height:2vh; }
.contactMap { width:100%; height:40vh; margin:0 0 8vh 0; border:1px solid #bea164; }
.contactMap iframe { width:100%; height:100%; border:0; display:block; }

/* ============================================================
   COOKIE CONSENT
   ============================================================ */
/* Banner */
.cookie-banner { position:fixed; z-index:1000; bottom:0; left:0; right:0; background:#1a1a1a; border-top:2px solid #bea164; padding:1.8vh 0; }
.cookie-banner-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.5vh 2vw; width:min(1170px,94%); margin:0 auto; }
.cookie-banner-inner p { margin:0; font-size:clamp(.8rem,1vw,.9rem); color:#c8bca4; flex:1; min-width:200px; }
.cookie-banner-btns { display:flex; gap:.8vw; flex-wrap:wrap; }

/* Buttons */
.cbtn { padding:.7vh 1.5vw; font-size:clamp(.75rem,.95vw,.88rem); font-weight:600; cursor:pointer; border:0; transition:.25s; white-space:nowrap; }
.cbtn-gold    { background:#bea164; color:#1a1a1a; }
.cbtn-gold:hover { background:#d4b478; }
.cbtn-outline { background:transparent; color:#bea164; border:1px solid #bea164; }
.cbtn-outline:hover { background:#bea164; color:#1a1a1a; }
.cbtn-ghost   { background:transparent; color:#827c6e; border:1px solid #333; }
.cbtn-ghost:hover { border-color:#555; color:#a09070; }

/* Modal */
.cookie-modal { position:fixed; z-index:1001; inset:0; display:flex; align-items:center; justify-content:center; }
.cookie-modal-overlay { position:absolute; inset:0; background:rgba(0,0,0,.6); }
.cookie-modal-box { position:relative; background:#fff; width:min(560px,94vw); max-height:88vh; overflow-y:auto; padding:3vh 3vw; }
.cookie-modal-close { position:absolute; top:1.5vh; right:1.5vw; background:none; border:0; font-size:1.5rem; cursor:pointer; color:#666; line-height:1; }
.cookie-modal-close:hover { color:#222; }
.cookie-modal-box h3 { font-size:clamp(1rem,1.5vw,1.2rem); color:#222; margin:0 0 2.5vh 0; padding-right:2vw; }
.cookie-modal-btns { display:flex; gap:.8vw; flex-wrap:wrap; margin-top:2.5vh; }

/* Category rows */
.cookie-cat { padding:1.8vh 0; border-bottom:1px solid #ede7db; }
.cookie-cat:last-of-type { border-bottom:0; }
.cookie-cat-head { display:flex; align-items:center; justify-content:space-between; margin:0 0 .8vh 0; }
.cookie-cat-head strong { font-size:clamp(.85rem,1.1vw,1rem); color:#222; }
.cookie-cat p { font-size:clamp(.78rem,.95vw,.88rem); color:#666; margin:0; line-height:1.6; }
.cookie-always-on { font-size:clamp(.72rem,.85vw,.8rem); color:#4a9963; font-weight:600; background:#eafdf1; padding:.3vh .8vh; }

/* Toggle switch */
.cookie-toggle { position:relative; display:inline-block; width:44px; height:24px; flex-shrink:0; }
.cookie-toggle input { opacity:0; width:0; height:0; }
.cookie-toggle span { position:absolute; inset:0; background:#ccc; border-radius:24px; cursor:pointer; transition:.3s; }
.cookie-toggle span::before { content:''; position:absolute; width:18px; height:18px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.3s; }
.cookie-toggle input:checked + span { background:#bea164; }
.cookie-toggle input:checked + span::before { transform:translateX(20px); }

/* Page-level preferences panel */
.cookiePrefPanel { margin:4vh 0 6vh; padding:3vh 3vw; background:#f9f7f2; border:1px solid #e0d5c3; }
.cookiePrefPanel h2 { font-size:clamp(1rem,1.6vw,1.3rem); color:#222; margin:0 0 2.5vh 0; }
.cookie-cat-page { padding:1.5vh 0; border-bottom:1px solid #e5dfd4; }
.cookie-pref-btns { display:flex; gap:1vw; flex-wrap:wrap; margin-top:2.5vh; }
.cookie-saved-msg { margin-top:1.5vh; font-size:clamp(.8rem,1vw,.9rem); color:#4a9963; font-weight:500; }

@media (max-width:768px) {
  .cookie-banner-inner { flex-direction:column; align-items:flex-start; }
  .cookie-banner-btns { width:100%; }
  .cbtn { padding:.8vh 3vw; font-size:clamp(.75rem,3.2vw,.85rem); }
  .cookie-modal-box { padding:3vh 5vw; }
  .cookiePrefPanel { padding:2.5vh 4vw; }
  .cookie-pref-btns { gap:2vw; }
}
[dir="rtl"] .cookie-banner-inner { direction:rtl; }
[dir="rtl"] .cookie-cat-head { flex-direction:row-reverse; }
[dir="rtl"] .cookie-modal-close { right:auto; left:1.5vw; }
[dir="rtl"] .cookie-modal-box h3 { padding-right:0; padding-left:2vw; }

/* ============================================================
   POLICY PAGES
   ============================================================ */
.policyPage { padding:6vh 0 10vh; max-width:860px; }
.policyHead { margin:0 0 4vh 0; padding-bottom:2vh; border-bottom:1px solid #e0d5c3; }
.policyHead h1 { font-size:clamp(1.1rem,2vw,1.6rem); font-weight:600; color:#222; margin:0 0 .8vh 0; padding:0; }
.policyDate { font-size:clamp(.75rem,.9vw,.85rem); color:#999; }
.policyBody { font-size:clamp(.85rem,1.1vw,1rem); line-height:1.9; color:#333; }
.policyBody p { margin:0 0 1.5vh 0; }
.policyBody h4 { font-size:clamp(.9rem,1.2vw,1.05rem); font-weight:600; color:#222; margin:2.5vh 0 1vh 0; }
.policyBody h3 { font-size:clamp(1rem,1.4vw,1.2rem); font-weight:600; color:#bea164; margin:3vh 0 1.5vh 0; }
.policyBody ul, .policyBody ol { margin:0 0 1.5vh 1.5vw; padding:0; }
.policyBody li { margin:0 0 .8vh 0; }
.policyBody strong { font-weight:600; color:#222; }
.policyBody table { width:100%; border-collapse:collapse; margin:1.5vh 0 2.5vh; font-size:90%; }
.policyBody table td, .policyBody table th { border:1px solid #e0d5c3; padding:.8vh 1vw; vertical-align:top; }
.policyBody table th { background:#f9f7f2; font-weight:600; color:#6b5c3e; }
.policyBody table tr:nth-child(even) td { background:#faf8f4; }

@media (max-width:768px) {
  .policyPage { padding:4vh 0 6vh; }
  .policyBody ul, .policyBody ol { margin-left:5vw; }
  .policyBody table { font-size:80%; }
  .policyBody table td, .policyBody table th { padding:.6vh 2vw; }
}
[dir="rtl"] .policyBody { text-align:right; }
[dir="rtl"] .policyBody ul, [dir="rtl"] .policyBody ol { margin-left:0; margin-right:1.5vw; }

/* ============================================================
   SHARED STATES
   ============================================================ */
.success { color:#4a9963; font-weight:500; }
.error   { color:#a44444; font-weight:500; }

/* ============================================================
   FOOTER
   ============================================================ */
.footer { position:relative; width:100%; min-height:100vh; background:#000; color:#827c6e; }
.footer a { color:#827c6e; }
.footer a:hover { color:#a1916b; }
.footer .container { display:flex; justify-content:space-between; align-items:center; flex-direction:column; padding:10vh 0 18vh 0; }
.socials-head { display:inline-block; margin:0 0 1.5vh 0; padding:0; font-size:clamp(1rem,1.8vw,1.4rem); font-weight:400; color:#8e7b52; }
.socials { display:flex; flex-wrap:wrap; justify-content:center; margin:0 0 1vh 0; gap:.5vw; }
.social-item { display:flex; justify-content:center; align-items:center; padding:.5vh .9vh; color:#a09070; transition:.3s; }
.social-item:hover { color:#bea164; }
.social-item svg { display:block; width:24px; height:24px; }
.secure { margin:3vh; }
.footer-nav { position:relative; display:flex; justify-content:center; align-items:flex-start; width:100%; margin:3vh 0; }
.footer-nav section { display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; flex:1; margin:0 .6vw 0 0; border-right:1px solid #333; }
.footer-nav section:last-child { border:0 !important; }
.footer-nav section a { display:block; padding:.5vh; margin:0 0 .5vh 0; font-size:clamp(.7rem,1vw,.9rem); }
.footer-langs { display:flex; justify-content:flex-start; align-items:center; width:100%; padding:2vh 0; flex-wrap:wrap; gap:.3vh .4vw; }
.footer-langs .material-symbols-outlined { font-size:1rem; color:#555; margin-right:.2vw; }
.footer-langs a { display:flex !important; justify-content:center; align-items:center; padding:.4vh .7vh !important; margin:0 !important; border:1px solid #333; font-size:80% !important; font-weight:400; white-space:nowrap; }
.footer-langs a:hover { border-color:#555; color:#a1916b; }
.footer-corporate { position:absolute; display:flex; justify-content:flex-end; align-items:flex-end; bottom:3vh; width:min(1170px,94%); left:50%; transform:translateX(-50%); }
.footer-corporate section { font-size:clamp(.65rem,.9vw,.8rem); line-height:1.7; }
.copyright { display:inline-block; font-size:90% !important; font-weight:400; text-align:right; }

/* ============================================================
   TABLET  ≤ 1200px
   ============================================================ */
@media (max-width:1200px) {
  .bannerStab { width:94%; }
  .motto h1 { font-size:clamp(1.4rem,3vw,3rem); }
  .serviceButton { width:22%; }
  .serviceButtons { margin-top:-4vh; }
  .mainLibraryLeft  { width:40%; margin-left:0; margin-right:8%; }
  .mainLibraryRight { width:50%; }
  .footer .container { padding:10vh 0 20vh 0; }
  .footer-corporate { width:94%; }
}

/* ============================================================
   TABLET PORTRAIT  ≤ 992px
   ============================================================ */
@media (max-width:992px) {
  header { height:10vh; }
  main { padding:10vh 0 0 0; }
  nav { top:10vh; }
  .headerBottom .logo { height:4.5vh; }

  /* Banner */
  .banner { min-height:auto; }
  .bannerStab { flex-direction:column-reverse; padding:5vh 0; min-height:auto; gap:3vh; }
  .motto { width:100%; align-items:center; text-align:center; }
  .motto h1 { text-align:center; font-size:clamp(1.5rem,4vw,2.5rem); }
  .motto p  { text-align:center; font-size:clamp(.85rem,2vw,1rem); }
  .bannerImg { width:50%; margin:0 auto; }
  .bannerImg span { display:none; }

  /* Service buttons */
  .serviceButtons { flex-wrap:wrap; justify-content:center; margin-top:3vh; gap:3vw; }
  .serviceButton { width:42%; }
  .serviceButton span { display:none; }

  /* Call form */
  .callFormCont { flex-direction:column; align-items:stretch; gap:1.5vh; }
  .callFormHead { text-align:center; }
  .callFormCont input[type=text]   { min-width:unset; width:100%; }
  .callFormCont input[type=button] { width:100%; }

  /* Library */
  .mainLibraryLeft, .mainLibraryRight { width:100%; float:none; margin:0 0 5vh 0; }
  .mainLibraryLeft span, .mainLibraryRight span { display:none; }
  .mainLibraryHeader { flex-wrap:wrap; gap:1.5vh; }
  .mainLibraryCardOverlay { padding:3rem 1.2rem 1rem; }
  .mainLibraryCardOverlay h3 { font-size:.95rem; }

  /* Corporate */
  .corpAbout { flex-direction:column-reverse; gap:4vh; }
  .corpAboutFrame span { display:none; }
  .corpAboutVisual { width:60%; margin:0 auto; }
  .corpMv { flex-direction:column; }
  .corpMvDivider { width:100%; height:1px; }
  .corpMvItem { padding:3vh 0; }
  .corpWhyGrid { grid-template-columns:1fr 1fr; gap:2.5vh 4%; }
  .corpInfoLabel { width:140px; }

  /* Services page */
  .servicesBox { width:42%; }
  .servicesBox span { display:none; }

  /* Contact */
  .contactWrap { flex-direction:column; }

  /* Footer */
  .footer { min-height:auto; }
  .footer .container { padding:6vh 0 3vh 0; }
  .footer-nav { flex-direction:column; gap:0; }
  .footer-nav section { border-right:0; border-bottom:1px solid #222; width:100%; padding:1.5vh 0; flex-direction:row; flex-wrap:wrap; gap:.5vw; }
  .footer-langs { padding:1.5vh 0; }
  .footer-corporate { position:static; transform:none; width:94%; left:auto; display:flex; flex-direction:column; gap:1.5vh; padding:3vh 0; text-align:center; justify-content:center; align-items:center; }
  .copyright { text-align:center; }
  .wap-connect { width:6vh; height:6vh; }
}

/* ============================================================
   MOBILE  ≤ 768px
   ============================================================ */
@media (max-width:768px) {
  /* Header */
  header { height:auto; }
  .headerTop { height:auto; padding:1vh 4vw; flex-wrap:wrap; gap:.5vh; }
  .headerTop a { margin:0; font-size:80%; }
  .headerBottom { height:auto; padding:1.5vh 0; }
  .headerBottom .logo { height:40px; margin:0 0 0 4vw; }
  .headerRight { margin:0 4vw 0 auto; gap:3vw; }
  .langCurrent { font-size:75%; padding:.3vh .6vh; gap:1.5vw; }
  .langDropdown { right:0; min-width:50px; }
  main { padding:90px 0 0 0; }
  nav { top:90px; }

  /* Banner */
  .bannerStab { padding:4vh 4vw; }
  .motto { width:100%; }
  .motto h1 { font-size:clamp(1.3rem,6vw,2rem); }
  .motto p  { font-size:clamp(.8rem,3.5vw,.95rem); }
  .bannerImg { width:65%; }

  /* Service buttons */
  .serviceButtons { gap:4vw; padding:0 2vw; margin-top:3vh; }
  .serviceButton { width:44%; }
  .serviceText { font-size:clamp(.65rem,3.5vw,.85rem); }

  /* Main text */
  .mainText { margin-top:5vh; }
  .mainText h2 { font-size:clamp(1rem,4.5vw,1.3rem); }
  .mainText section p, .mainText section li { font-size:clamp(.8rem,3.5vw,.95rem); }

  /* Testimonials */
  .tmItem img { width:20%; }
  .testimonials h3 { font-size:clamp(.95rem,4vw,1.2rem); }

  /* Library */
  .mainLibraryHeader { font-size:clamp(1rem,5vw,1.3rem); flex-wrap:wrap; gap:1.5vh; }
  .mainLibraryCardOverlay h3 { font-size:.82rem; }
  .mainLibraryAll { font-size:.78rem; padding:.3rem .75rem; }

  /* Call form */
  .callForm { padding:4vh 0; }
  .callFormHead { font-size:clamp(.85rem,4vw,1rem); }

  /* Corporate */
  .corpAboutVisual { width:80%; }
  .corpWhyGrid { grid-template-columns:1fr; }
  .corpWhyItem { gap:4vw; }
  .corpInfoLabel { width:110px; padding:1.2vh 3vw; font-size:clamp(.75rem,3vw,.85rem); }
  .corpInfoVal { padding:1.2vh 3vw; font-size:clamp(.78rem,3.2vw,.9rem); }

  /* Services */
  .services h1 { font-size:clamp(1.1rem,5vw,1.4rem); }
  .servicesBox { width:44%; }

  /* Contact */
  .contactInfoHead, .contactFormHead { font-size:clamp(1rem,4.5vw,1.2rem); }
  .contactInfoItem { font-size:clamp(.8rem,3.5vw,.95rem); }
  .contactMap { height:50vw; min-height:220px; }
  .contactFormFields input[type=submit] { padding:1.2vh 6vw; }

  /* Footer */
  .footer-nav section a { font-size:clamp(.7rem,3vw,.85rem); }
  .socials-head { font-size:clamp(.9rem,4vw,1.1rem); }
  .footer-corporate section { font-size:clamp(.65rem,3vw,.8rem); }
}

/* ============================================================
   SMALL MOBILE  ≤ 480px
   ============================================================ */
@media (max-width:480px) {
  .serviceButton { width:46%; }
  .bannerImg { display:none; }
  .motto { width:100%; }
  .servicesBox { width:90%; margin:0 5% 6vh; }
  .footer-nav section { flex-direction:column; }
  .langCurrent .material-symbols-outlined:first-child { display:none; }
  .navBut span { display:none; }
  .headerBottom .logo { height:34px; }
  .headerRight { gap:5vw; }
  .langCurrent { padding:.4vh .8vh; gap:1vw; }
}

/* ============================================================
   RTL — Arabic
   ============================================================ */
[dir="rtl"] body { font-family:'Traditional Arabic','Amiri',Arial,serif; }
[dir="rtl"] .headerTop { justify-content:flex-start; padding:0 2vw; }
[dir="rtl"] .headerTop a { margin:0 2vw 0 0; }
[dir="rtl"] .headerBottom .logo { margin:0 2vw 0 0; }
[dir="rtl"] .headerRight { margin:0 auto 0 2vw; }
[dir="rtl"] .navCont { left:auto; right:5vw; align-items:flex-end; }
[dir="rtl"] .fligran { right:auto; left:0; }
[dir="rtl"] .navClose { right:auto; left:2vw; }
[dir="rtl"] .motto h1 { text-align:right; }
[dir="rtl"] .motto p   { text-align:right; }
[dir="rtl"] .mainText section li span { float:right; margin:0 0 0 .7vw; }
[dir="rtl"] .mainText section li span img { rotate:0deg; }
[dir="rtl"] .tmItem img { float:right; margin-right:0; margin-left:2vw; }
[dir="rtl"] .callFormCont { flex-direction:row-reverse; flex-wrap:wrap; }
[dir="rtl"] .contactInfoItem .ci-icon { margin-right:0; margin-left:.8vw; }
[dir="rtl"] .contactInfo { text-align:right; }
[dir="rtl"] .langDropdown { right:auto; left:0; }
[dir="rtl"] .corpAbout { flex-direction:row-reverse; }
[dir="rtl"] .corpAboutText h2 { text-align:right; }
[dir="rtl"] .corpAboutText p { text-align:right; }
[dir="rtl"] .corpMvItem { text-align:right; }
[dir="rtl"] .corpWhyItem { flex-direction:row-reverse; text-align:right; }
[dir="rtl"] .corpInfoLabel { border-right:0; border-left:1px solid #e0d5c3; }
[dir="rtl"] .corpInfoRow { flex-direction:row-reverse; }
[dir="rtl"] .footer-nav { direction:rtl; }
[dir="rtl"] .footer-nav section { align-items:flex-end; margin:0 0 0 .6vw; border-right:0; border-left:1px solid #333; }
[dir="rtl"] .footer-nav section:last-child { border-left:0 !important; }
[dir="rtl"] .footer-langs { justify-content:flex-end; }
[dir="rtl"] .footer-corporate { flex-direction:row-reverse; }
[dir="rtl"] .footer-corporate section:last-child { text-align:left; }
[dir="rtl"] .wap-connect { right:auto; left:15px; }
[dir="rtl"] .mainLibraryHeader { flex-direction:row-reverse; }
[dir="rtl"] .mainLibraryCardOverlay { text-align:right; }
[dir="rtl"] .serviceText { direction:rtl; }
[dir="rtl"] .contactFormFields input,
[dir="rtl"] .contactFormFields textarea { text-align:right; direction:rtl; }
[dir="rtl"] .mainLibraryLeft { float:right; margin-left:10%; margin-right:5%; }

/* RTL mobil düzeltmeleri */
@media (max-width:992px) {
  [dir="rtl"] .callFormCont { flex-direction:column; }
  [dir="rtl"] .footer-nav section { border-left:0; border-bottom:1px solid #222; align-items:flex-start; }
  [dir="rtl"] .footer-corporate { flex-direction:column; }
  [dir="rtl"] .mainLibraryLeft { float:none; margin:0 0 5vh 0; }
}

/* Large screens — kısıtlama */
@media (min-width:1400px) {
  .banner { min-height:45vh; }
  .bannerStab { min-height:45vh; }
  .serviceButtons { margin-top:-4vh; }
}

/* ============================================================
   LIBRARY — Sayfa başlığı
   ============================================================ */
.libPage { padding-bottom:7vh; }
.libPageHead { background:#222; padding:5vh 0 4vh; }
.libPageHead h1 { color:#bea164; font-size:2rem; font-weight:700; letter-spacing:.12em; margin:0; }
.libPageHeadLine { width:56px; height:3px; background:#bea164; margin-top:1.2vh; }
.libContainer { padding-top:5vh; }

/* ─── Öne çıkan makale ─── */
.libFeatured { display:grid; grid-template-columns:1fr 1fr; gap:0; text-decoration:none; color:inherit; background:#fff; border:1px solid #e8e4da; overflow:hidden; transition:box-shadow .3s; margin-bottom:3.5vw; }
.libFeatured:hover { box-shadow:0 12px 36px rgba(0,0,0,.11); }
.libFeaturedImg { overflow:hidden; min-height:360px; }
.libFeaturedImg img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.libFeatured:hover .libFeaturedImg img { transform:scale(1.04); }
.libFeaturedBody { padding:3rem 3rem 2.5rem; display:flex; flex-direction:column; justify-content:center; }
.libLabel { display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.12em; color:#bea164; border:1px solid #bea164; padding:.25rem .7rem; text-transform:uppercase; margin-bottom:1.2rem; width:fit-content; }
.libFeaturedDate { font-size:.78rem; color:#a09070; margin-bottom:.7rem; }
.libFeaturedBody h2 { font-size:1.5rem; font-weight:700; color:#222; line-height:1.35; margin:0 0 1rem; }
.libFeaturedBody p { font-size:.92rem; color:#555; line-height:1.7; margin:0 0 1.6rem; flex:1; }

/* ─── Kart grid ─── */
.libGrid { display:grid; grid-template-columns:repeat(2,1fr); gap:2.5vw; }
.libCard { display:flex; flex-direction:column; background:#fff; text-decoration:none; color:inherit; border:1px solid #e8e4da; overflow:hidden; transition:box-shadow .3s,transform .3s; }
.libCard:hover { box-shadow:0 8px 28px rgba(0,0,0,.10); transform:translateY(-4px); }
.libCardImg { overflow:hidden; aspect-ratio:16/9; }
.libCardImg img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.libCard:hover .libCardImg img { transform:scale(1.05); }
.libCardBody { padding:1.6rem 1.6rem 1.8rem; display:flex; flex-direction:column; flex:1; }
.libCardDate { font-size:.76rem; color:#a09070; margin-bottom:.55rem; }
.libCardBody h3 { font-size:1.05rem; font-weight:700; color:#222; line-height:1.4; margin:0 0 .7rem; }
.libCardBody p { font-size:.88rem; color:#555; line-height:1.65; margin:0 0 1.2rem; flex:1; }

/* ─── "Devamını oku" butonu ─── */
.libReadMore { display:inline-flex; align-items:center; gap:.35rem; font-size:.84rem; font-weight:700; color:#bea164; letter-spacing:.04em; transition:gap .2s,color .2s; }
.libReadMore .material-symbols-outlined { font-size:1rem; transition:transform .2s; }
.libFeatured:hover .libReadMore,
.libCard:hover .libReadMore { color:#7a5e2a; gap:.55rem; }
.libFeatured:hover .libReadMore .material-symbols-outlined,
.libCard:hover .libReadMore .material-symbols-outlined { transform:translateX(3px); }
.libReadMoreSm { font-size:.8rem; }

/* ─── Responsive ─── */
@media (max-width:992px) {
  .libFeatured { grid-template-columns:1fr; }
  .libFeaturedImg { min-height:240px; max-height:300px; }
  .libFeaturedBody { padding:2rem 2rem 1.8rem; }
  .libFeaturedBody h2 { font-size:1.3rem; }
  .libGrid { gap:3vw; }
}
@media (max-width:680px) {
  .libGrid { grid-template-columns:1fr; gap:4vw; }
  .libFeaturedImg { min-height:200px; max-height:240px; }
  .libFeaturedBody { padding:1.5rem; }
  .libPageHead h1 { font-size:1.5rem; }
  .libFeatured { margin-bottom:4vw; }
}

/* ============================================================
   LIBRARY — Detay sayfası
   ============================================================ */
.libDetail { padding-bottom:7vh; }

.libDetailHero { position:relative; width:100%; height:55vh; min-height:300px; overflow:hidden; }
.libDetailHero img { width:100%; height:100%; object-fit:cover; display:block; }
.libDetailHeroOverlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.2) 55%, transparent 100%); }
.libDetailHeroText { position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding-bottom:3rem; width:1170px; max-width:94%; }
.libDetailHeroText .libDetailDate { font-size:.8rem; color:rgba(255,255,255,.7); margin-bottom:.5rem; }
.libDetailHeroText h1 { font-size:2rem; font-weight:700; color:#fff; line-height:1.3; margin:0; max-width:780px; text-shadow:0 2px 8px rgba(0,0,0,.3); }

.libDetailContent { padding-top:3.5vh; }

.libBackBtn { display:inline-flex; align-items:center; gap:.4rem; color:#bea164; font-size:.86rem; font-weight:600; text-decoration:none; margin-bottom:2.5rem; transition:color .2s,gap .2s; }
.libBackBtn .material-symbols-outlined { font-size:1.05rem; transition:transform .2s; }
.libBackBtn:hover { color:#7a5e2a; gap:.6rem; }
.libBackBtn:hover .material-symbols-outlined { transform:translateX(-3px); }
.libBackBtnBottom { margin-top:3rem; margin-bottom:0; }

.libDetailText { font-size:1rem; line-height:1.85; color:#333; max-width:780px; }
.libDetailText h3 { font-size:1.1rem; font-weight:700; color:#222; margin:2.2rem 0 .7rem; padding-left:1rem; border-left:3px solid #bea164; }
.libDetailText p { margin:0 0 1rem; }
.libDetailText strong { color:#1a1a1a; }
.libDetailText ul { padding-left:1.5rem; margin:0 0 1rem; }
.libDetailText ul li { margin-bottom:.45rem; line-height:1.6; }

@media (max-width:992px) {
  .libDetailHero { height:40vh; }
  .libDetailHeroText h1 { font-size:1.5rem; }
  .libDetailText { font-size:.95rem; }
}
@media (max-width:600px) {
  .libDetailHero { height:28vh; min-height:180px; }
  .libDetailHeroText { padding-bottom:1.5rem; }
  .libDetailHeroText h1 { font-size:1.15rem; }
  .libDetailText h3 { font-size:1rem; margin-top:1.8rem; }
}

/* RTL — Library */
[dir="rtl"] .libDetailText h3 { border-left:0; border-right:3px solid #bea164; padding-left:0; padding-right:1rem; }
[dir="rtl"] .libBackBtn .material-symbols-outlined { transform:scaleX(-1); }
[dir="rtl"] .libBackBtn:hover .material-symbols-outlined { transform:scaleX(-1) translateX(-3px); }
[dir="rtl"] .libReadMore .material-symbols-outlined { transform:scaleX(-1); }
[dir="rtl"] .libDetailText ul { padding-left:0; padding-right:1.5rem; }
[dir="rtl"] .libLabel { letter-spacing:.05em; }

/* ============================================================
   SERVICES — LIST PAGE
   ============================================================ */
.srvPage { padding-bottom:7vh; }
.srvPageHead { background:#222; padding:5vh 0 4vh; }
.srvPageHead h1 { color:#bea164; font-size:2rem; font-weight:700; letter-spacing:.12em; margin:0; }
.srvPageHeadLine { width:56px; height:3px; background:#bea164; margin-top:1.2vh; }
.srvContainer { padding-top:5vh; }

/* Grid */
.srvGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.8vw; }

/* Card — full-image overlay approach */
.srvCard { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; text-decoration:none; }
.srvCard > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .65s ease; }
.srvCard:hover > img { transform:scale(1.07); }

/* Gradient overlay */
.srvCardOverlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(20,16,10,.92) 0%, rgba(20,16,10,.45) 50%, rgba(20,16,10,.1) 100%); transition:background .4s; }
.srvCard:hover .srvCardOverlay { background:linear-gradient(to top, rgba(20,16,10,.97) 0%, rgba(20,16,10,.65) 60%, rgba(20,16,10,.15) 100%); }

/* Gold left accent bar */
.srvCard::after { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#bea164; transform:scaleY(0); transform-origin:bottom; transition:transform .4s ease; z-index:4; }
.srvCard:hover::after { transform:scaleY(1); }

/* Service number — top-left */
.srvCardNum { position:absolute; top:1.1rem; left:1.3rem; z-index:5; font-size:.72rem; font-weight:700; letter-spacing:.14em; color:#bea164; line-height:1; }

/* Body — pinned to bottom */
.srvCardBody { position:absolute; bottom:0; left:0; right:0; z-index:5; padding:1.4rem 1.4rem 1.5rem 1.6rem; display:flex; flex-direction:column; }

/* Excerpt — hidden by default, slides up on hover */
.srvCardExcerpt { font-size:.78rem; color:rgba(255,255,255,.78); line-height:1.55; margin:0 0 .65rem; max-height:0; overflow:hidden; opacity:0; transition:max-height .35s ease, opacity .3s ease; }
.srvCard:hover .srvCardExcerpt { max-height:6em; opacity:1; }

/* Title — always visible */
.srvCardBody h3 { font-size:.96rem; font-weight:700; color:#fff; line-height:1.35; margin:0; }

/* Detaylar button — hidden, slides up on hover */
.srvReadMore { display:inline-flex; align-items:center; gap:.3rem; font-size:.78rem; font-weight:700; color:#bea164; letter-spacing:.06em; margin-top:.6rem; opacity:0; transform:translateY(6px); transition:opacity .25s .1s, transform .25s .1s, gap .2s; white-space:nowrap; }
.srvReadMore .material-symbols-outlined { font-size:.95rem; transition:transform .2s; }
.srvCard:hover .srvReadMore { opacity:1; transform:translateY(0); }
.srvCard:hover .srvReadMore .material-symbols-outlined { transform:translateX(3px); }

@media (max-width:992px) {
  .srvGrid { grid-template-columns:repeat(2,1fr); gap:2.5vw; }
  .srvPageHead h1 { font-size:1.5rem; }
  .srvCard { aspect-ratio:3/2; }
}
@media (max-width:480px) {
  .srvGrid { grid-template-columns:1fr; gap:3.5vw; }
  .srvCard { aspect-ratio:16/10; }
  .srvCardBody { padding:1.1rem 1.1rem 1.2rem 1.3rem; }
}

/* ============================================================
   SERVICES — DETAIL PAGE
   ============================================================ */
.srvDetail { padding-bottom:7vh; }

.srvDetailHero { position:relative; width:100%; height:55vh; min-height:300px; overflow:hidden; }
.srvDetailHero img { width:100%; height:100%; object-fit:cover; display:block; }
.srvDetailHeroOverlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.2) 55%, transparent 100%); }
.srvDetailHeroText { position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding-bottom:3rem; width:1170px; max-width:94%; }
.srvDetailHeroText h1 { font-size:2rem; font-weight:700; color:#fff; line-height:1.3; margin:0; max-width:780px; text-shadow:0 2px 8px rgba(0,0,0,.3); }

.srvDetailContent { padding-top:3.5vh; }

.srvBackBtn { display:inline-flex; align-items:center; gap:.4rem; color:#bea164; font-size:.86rem; font-weight:600; text-decoration:none; margin-bottom:2.5rem; transition:color .2s,gap .2s; }
.srvBackBtn .material-symbols-outlined { font-size:1.05rem; transition:transform .2s; }
.srvBackBtn:hover { color:#7a5e2a; gap:.6rem; }
.srvBackBtn:hover .material-symbols-outlined { transform:translateX(-3px); }
.srvBackBtnBottom { margin-top:3rem; margin-bottom:0; }

.srvDetailText { font-size:1rem; line-height:1.85; color:#333; max-width:780px; }
.srvDetailText h3 { font-size:1.1rem; font-weight:700; color:#222; margin:2.2rem 0 .7rem; padding-left:1rem; border-left:3px solid #bea164; }
.srvDetailText p { margin:0 0 1rem; }
.srvDetailText strong { color:#1a1a1a; }
.srvDetailText ul { padding-left:1.5rem; margin:0 0 1rem; }
.srvDetailText ul li { margin-bottom:.45rem; line-height:1.6; }

@media (max-width:992px) {
  .srvDetailHero { height:40vh; }
  .srvDetailHeroText h1 { font-size:1.5rem; }
  .srvDetailText { font-size:.95rem; }
}
@media (max-width:480px) {
  .srvDetailHero { height:28vh; min-height:180px; }
  .srvDetailHeroText { padding-bottom:1.5rem; }
  .srvDetailHeroText h1 { font-size:1.15rem; }
  .srvDetailText h3 { font-size:1rem; margin-top:1.8rem; }
}

/* RTL — Services */
[dir="rtl"] .srvDetailText h3 { border-left:0; border-right:3px solid #bea164; padding-left:0; padding-right:1rem; }
[dir="rtl"] .srvBackBtn .material-symbols-outlined { transform:scaleX(-1); }
[dir="rtl"] .srvBackBtn:hover .material-symbols-outlined { transform:scaleX(-1) translateX(-3px); }
[dir="rtl"] .srvReadMore .material-symbols-outlined { transform:scaleX(-1); }
[dir="rtl"] .srvCard:hover .srvReadMore .material-symbols-outlined { transform:scaleX(-1) translateX(-3px); }
[dir="rtl"] .srvCard::after { left:auto; right:0; }
[dir="rtl"] .srvCardNum { left:auto; right:1.3rem; }
[dir="rtl"] .srvCardBody { padding:1.4rem 1.6rem 1.5rem 1.4rem; }
[dir="rtl"] .srvDetailText ul { padding-left:0; padding-right:1.5rem; }